<template>
  <div class="posr refer" v-show="quoteList.length" :id="id">
    <h1 style="margin-top: 0; text-shadow: 0 0 0 #333; margin-bottom: 1em; line-height: 1.4;font-size: 16px;text-align: center;font-weight: bold;">
      <span v-text="title"></span>
    </h1>
    <div>
      <p v-for="item in quoteList" style="font-size: 14px; line-height: 25px; font-family: '\5B8B\4F53';">{{item.title}} {{item.content}}</p>
    </div>
  </div>
</template>
<script>
  import { mapState, mapGetters } from 'vuex'
  export default {
    data() {
      return {
        id: 'quoteList',
        title: $.i18n('content_reference')
      }
    },
    computed: {
      ...mapState(['quoteList'])
    }
  }
</script>